<template>
    <div class="main">
        <div class="main-head">

            <myhead></myhead>

        </div>

        <div class="main-content">
            <div class="main-left">
                菜单
            </div>

            <div class="main-right">
                内容
            </div>
        </div>
    </div>
</template>

<script setup lang="ts">
 import myhead from '@/components/layout/head.vue'
</script>

<style scoped>
.main {
    width: 100vw;
    height: 100vh;
}

.main-head {
    height: 60px;
    border-bottom:1px solid #eee;
}

.main-content{
    display: flex;
    
}
.main-left {
width: 220px;
height: calc(100vh - 61px);
border-right:1px solid #eee ;

}
.main-right{
    flex: 1;

}

</style>